<template>
  <div>
    <el-card>
      <el-row :gutter="24">
        <el-col :span="10">
          <div class="content">
            <div class="title">产品信息</div>
            <div class="content-list">
              使用laravel6.0+element-ui+uniapp打造CMS管理系统
            </div>
            <div class="team-u">
              <div class="cont">
                <div class="cont-k">策划</div>
                <div class="cont-j">宋博</div>
              </div>
              <div class="cont">
                <div class="cont-k">研发</div>
                <div class="cont-j">宋博</div>
              </div>
            </div>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="code-content">
            <el-image
              class="code"
              :key="timer"
              :src="info.gzh_url"
              :preview-src-list="[info.gzh_url]"
            >
              <div class="image-error">暂无图片</div>
            </el-image>
            <div class="content">咪乐优公众号</div>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="code-content">
            <el-image
              class="code"
              :key="timer"
              :src="info.xcx_url"
              :preview-src-list="[info.xcx_url]"
            >
              <div class="image-error">暂无图片</div>
            </el-image>
            <div class="content">优咪乐小程序</div>
          </div>
        </el-col>
      </el-row>
    </el-card>
    <el-card class="mag-top">
      <el-row :gutter="24">
        <el-col :span="6">
          <div class="cot">
            <div class="cot-name">总访问量</div>
            <div class="cot-num">{{ info.visit_sum }}</div>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="cot">
            <div class="cot-name">总用户数</div>
            <div class="cot-num">{{ info.user_sum }}</div>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="cot">
            <div class="cot-name">新增访问量（月）</div>
            <div class="cot-num">{{ info.month_visit_sum }}</div>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="cot">
            <div class="cot-name">新增用户数（月）</div>
            <div class="cot-num">{{ info.month_user_sum }}</div>
          </div>
        </el-col>
      </el-row>
    </el-card>
    <el-card class="mag-top" :header="'码云地址'">
      <div class="words">
        <a href="https://gitee.com/song-bo/LvaCMS" target="_blank"
          >老代码已重构：https://gitee.com/song-bo/LvaCMS</a
        >
      </div>
    </el-card>
    <el-card class="mag-top" :header="'文档地址'">
      <div class="words">
        <a
          href="https://www.kancloud.cn/songbo-3_1/lv-admin/1493574"
          target="_blank"
          >当前最新的文档地址：https://www.kancloud.cn/songbo-3_1/lv-admin/1493574</a
        >
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      info: {},
      timer: ""
    };
  },
  created() {
    this.get_list();
  },
  methods: {
    // 获取列表
    get_list() {
      this.$base.request(
        {
          that: this,
          url: "auth/index/main"
        },
        res => {
          if (res.code === 8888) {
            this.info = res.data;
            this.timer = new Date().getTime();
          }
        }
      );
    }
  }
};
</script>
<style lang="scss" scoped>
@import "main.scss";
</style>
